<template>
  <view class="playerlist-wrapper">
    <view class="header h-44rpx mt-24rpx mb-16rpx">晋级人数 1</view>
    <view class="border-rd-24rpx overflow-hidden">
      <wd-table :data="tableData" :stripe="false" :ellipsis="true" :border="false">
        <!-- <wd-table-col
          v-for="(item, index) in headerData"
          :key="index"
          :prop="item.prop"
          :label="item.label"
          :width="100"
        ></wd-table-col> -->
        <wd-table-col prop="playerName" label="人队名" width="118rpx" align="center"></wd-table-col>
        <wd-table-col prop="shengfu" label="胜负" width="118rpx" align="center"></wd-table-col>
        <wd-table-col
          prop="shengfuju"
          label="胜负局/分"
          width="118rpx"
          align="center"
        ></wd-table-col>
        <wd-table-col prop="shengci" label="胜次" width="118rpx" align="center"></wd-table-col>
        <wd-table-col prop="jingsheng" label="净胜" width="118rpx" align="center"></wd-table-col>
        <wd-table-col prop="paiming" label="排名" width="118rpx" align="center"></wd-table-col>
      </wd-table>
    </view>
  </view>
</template>
<script setup lang="ts">
import { ref } from 'vue'
const tableData = ref([
  {
    playerName: 'player1player1',
    shengfu: 3,
    shengfuju: 3,
    shengci: 4,
    jingsheng: 4,
    paiming: 1,
  },
  {
    playerName: 'player1player1',
    shengfu: 3,
    shengfuju: 3,
    shengci: 4,
    jingsheng: 4,
    paiming: 1,
  },
  {
    playerName: 'player1player1',
    shengfu: 3,
    shengfuju: 3,
    shengci: 4,
    jingsheng: 4,
    paiming: 1,
  },
  {
    playerName: 'player1player1',
    shengfu: 3,
    shengfuju: 3,
    shengci: 4,
    jingsheng: 4,
    paiming: 1,
  },
])
</script>
<style lang="scss" scoped></style>
